// 基础色
$white: #fff !default;
$black: #000 !default;

// 主色调
$primary-color: #0079fe !default;

// 标题文字
$title-color: #1d2129 !default;

// 副标题文字
$sub-title-color: #86909c !default;

// 辅助信息文字
$info-text-color: #4e5969 !default;

// 特殊禁用色
$disable-color: #ccc !default;
$required-color: #eb6c43 !default;

// 功能色
$warning: #fbe3db !default;
$danger: #eb6c43 !default;
$success: #bacd82 !default;

// 边框色
$border-gray: #f4f4f7 !default;

// 背景色
$bg-gray: #F7F8FA !default;
$bg-light: #f7f8fa !default;
$bg-white: $white !default;
$font-family: 'PingFang SC', 'Helvetica Neue', 'Arial', 'sans-serif' !default;

// 阴影色
$shadow-color: #0000000a !default;

// ---- Animation ----
$animation-duration: 0.25s !default;
$animation-timing-fun: cubic-bezier(0.55, 0.085, 0.68, 0.53) !default;

// Font
$font-size-0: 20px !default;
$font-size-1: 24px !default;
$font-size-2: 28px !default;
$font-size-3: 32px !default;
$font-weight-bold: 700 !default;
$line-height-base: 1.5 !default;
$font-size-tiny: $font-size-0 !default;
$font-size-small: $font-size-1 !default;
$font-size-base: $font-size-2 !default;
$font-size-large: $font-size-3 !default;

// 组件全局样式覆盖
:global {
  .at-icon {
    display: flex;
    align-items: center;
  }

  .at-button {
    flex: 1;
    border-radius: 200px;
    width: 100%;
    height: 88px;
    line-height: 88px;
    font-size: $font-size-base;
  }

  .at-button--primary {
    background-color: $primary-color;
    border-color: $primary-color;
  }

  .at-image-picker__flex-box {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
  }

  .at-image-picker__choose-btn {
    border: none;
    border-radius: 16px;
    background: #fff;
  }

  .at-tag--primary {
    background-color: #F53F3F;
    color: #fff;
  }

  .at-list__item-content {
    color: $sub-title-color;
    font-size: $font-size-large;
    padding-left: 10px;

    .item-extra__info {
      color: $sub-title-color;
      font-size: $font-size-large;
    }
  }

  .at-checkbox__title {
    font-size: $font-size-base;
    color: $sub-title-color;
  }

  .at-checkbox__option-wrap,
  .at-checkbox__option {
    margin: 0;
    padding: 0;
  }

  .at-checkbox::before {
    border-top: 1px solid $white;
  }

  .at-checkbox::after {
    border-bottom: 1px solid $white;
  }

  .at-progress__outer-inner-background {
    height: 8px;
  }

  .placeholder {
    color: $sub-title-color;
    font-size: $font-size-large;
  }

  .at-tabs__item {
    max-width: 240px;
  }

  .at-tabs__item-underline {
    position: absolute;
    bottom: 0;
    left: 40%;
    display: block;
    width: 20%;
    height: 2PX;
    background-color: $primary-color;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all .15s;
    transition: all .15s;
  }

  // 全局滚动条优化
  ::-webkit-scrollbar {
    width: 6px;
  }

  ::-webkit-scrollbar-track {
    background: $bg-gray;
  }

  ::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 3px;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: darken($primary-color, 10%);
  }
}

.cancel-account-modal {
  .at-modal__content {
    height: 40px;
    display: flex;
    justify-content: center;
  }
}

.index-tabs-box {
  .at-tabs__header {
    width: 90vw;
  }
}